---
layout: single
property_name: background
---

<section id="background" class="property property--shorthand">
  <header class="property-header">
    <nav class="property-links">
        <a class="property-collection" href="{{site.url}}/backgrounds/">
          In collection: <strong>backgrounds</strong>
        </a>
      <a class="property-links-direct" href="{{site.url}}/property/background/" data-property-name="background" data-tooltip="Single page for this property">Permalink</a>
      <a class="property-share" data-tooltip="Share on Twitter or Facebook" data-property-name="background">Share</a>
      <a target="_blank" href="https://developer.mozilla.org/en/docs/Web/CSS/background" data-tooltip="See on Mozilla Developer Network" rel="external">MDN</a>
    </nav>
    <h2 class="property-name">
      <a href="#background"><span>#</span>background</a>
    </h2>
    <div class="property-description">
      <p>Shorthand property for <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-image" data-property-name="background-image">background-image</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-position" data-property-name="background-position">background-position</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-size" data-property-name="background-size">background-size</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-repeat" data-property-name="background-repeat">background-repeat</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-origin" data-property-name="background-origin">background-origin</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-clip" data-property-name="background-clip">background-clip</a></code> <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-attachment" data-property-name="background-attachment">background-attachment</a></code>  and  <code class="shorthand"><a class="hash" href="{{site.url}}/property/background-color" data-property-name="background-color">background-color</a></code>.</p>

    </div>

  </header>






</section>
